<template>
  <div class="box">
    <div id="luckysheet"></div>
  </div>
</template>

<script setup lang="ts">
import { exportExcel } from './export'
import LuckyExcel from 'luckyexcel'
import { nextTick, ref } from 'vue'

// 配置项
const options = {
  container: 'luckysheet', // 设定DOM容器的id
  title: 'luckysheet', // 设定表格名称
  lang: 'zh', // 设定表格语言
  data: [
    {
      name: 'Sheet1',
    },
  ],
}
const initLuckysheet = () => {
  luckysheet.destroy()
  luckysheet.create(options)
}
nextTick(() => {
  // 初始化表格
  initLuckysheet()
})
// 获取file
const downloadExcel = async () => {
  const data = luckysheet.getluckysheetfile()
  const luckysheetName = luckysheet.getWorkbookName()
  const exportData = await exportExcel(data)
  const blob = new Blob([exportData])
  const file = new File([blob], luckysheetName + '.xlsx', {
    type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
  })
  return file
}

const jsonData = ref({})
// 加载excel
const loadExcel = (evt: File) => {
  // const files = evt.target.files
  const files = evt
  console.log()

  if (files == null) {
    console.error('No files wait for import')
    return
  }

  const name = files.name
  const suffixArr = name.split('.'),
    suffix = suffixArr[suffixArr.length - 1]
  if (suffix != 'xlsx') {
    console.error('当前仅支持xlsx文件')
    throw new Error('当前仅支持xlsx文件')
  }
  LuckyExcel.transformExcelToLucky(
    files,
    function (
      exportJson: { info: { name: string; creator: string }; sheets: Array<Object> },
      luckysheetfile: Array<Object>,
    ) {
      // console.log(luckysheet.getLuckysheetfile()) // 获取到luckysheet的数据以及样式
      // console.log(luckysheet.toJson().data[0]) // 如果使用 luckysheet.toJson().data[0]数据 luckysheet.create 生成样式会丢失

      console.log(exportJson)

      if (exportJson.sheets == null || exportJson.sheets.length == 0) {
        console.error('无法读取excel文件的内容，目前不支持xls文件！')
        return
      }
      console.log('exportJson', exportJson)
      jsonData.value = exportJson

      luckysheet.destroy()
      luckysheet.create({
        container: 'luckysheet', //luckysheet is the container id
        // showinfobar: false,
        data: exportJson.sheets,
        // data: [
        //   {
        //     celldata: [
        //       {
        //         r: 0,
        //         c: 0,
        //         v: {
        //           mc: {
        //             r: 0,
        //             c: 0,
        //           },
        //         },
        //       },
        //       {
        //         r: 0,
        //         c: 1,
        //         v: {
        //           mc: {
        //             r: 0,
        //             c: 0,
        //           },
        //         },
        //       },
        //       {
        //         r: 1,
        //         c: 0,
        //         v: {
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: '0',
        //           vt: 0,
        //           mc: {
        //             rs: 4,
        //             cs: 2,
        //             r: 1,
        //             c: 0,
        //           },
        //           m: '销售报表',
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //           v: '销售报表',
        //         },
        //       },
        //       {
        //         r: 1,
        //         c: 1,
        //         v: {
        //           mc: {
        //             r: 1,
        //             c: 0,
        //           },
        //           ht: '0',
        //         },
        //       },
        //       {
        //         r: 1,
        //         c: 2,
        //         v: {
        //           v: '2022',
        //           ct: {
        //             fa: '@',
        //             t: 's',
        //           },
        //           m: '2022',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 0,
        //           vt: 0,
        //           mc: {
        //             rs: 1,
        //             cs: 2,
        //             r: 1,
        //             c: 2,
        //           },
        //         },
        //       },
        //       {
        //         r: 1,
        //         c: 3,
        //         v: {
        //           mc: {
        //             r: 1,
        //             c: 2,
        //           },
        //         },
        //       },
        //       {
        //         r: 2,
        //         c: 0,
        //         v: {
        //           mc: {
        //             r: 1,
        //             c: 0,
        //           },
        //           ht: '0',
        //         },
        //       },
        //       {
        //         r: 2,
        //         c: 1,
        //         v: {
        //           mc: {
        //             r: 1,
        //             c: 0,
        //           },
        //           ht: '0',
        //         },
        //       },
        //       {
        //         r: 2,
        //         c: 2,
        //         v: {
        //           v: '1',
        //           ct: {
        //             fa: '@',
        //             t: 's',
        //           },
        //           m: '1',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 0,
        //           vt: 0,
        //           mc: {
        //             rs: 1,
        //             cs: 2,
        //             r: 2,
        //             c: 2,
        //           },
        //         },
        //       },
        //       {
        //         r: 2,
        //         c: 3,
        //         v: {
        //           mc: {
        //             r: 2,
        //             c: 2,
        //           },
        //         },
        //       },
        //       {
        //         r: 3,
        //         c: 0,
        //         v: {
        //           mc: {
        //             r: 1,
        //             c: 0,
        //           },
        //           ht: '0',
        //         },
        //       },
        //       {
        //         r: 3,
        //         c: 1,
        //         v: {
        //           mc: {
        //             r: 1,
        //             c: 0,
        //           },
        //           ht: '0',
        //         },
        //       },
        //       {
        //         r: 3,
        //         c: 2,
        //         v: {
        //           v: '2月',
        //           ct: {
        //             fa: '@',
        //             t: 's',
        //           },
        //           m: '2月',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 0,
        //           vt: 0,
        //           mc: {
        //             rs: 1,
        //             cs: 2,
        //             r: 3,
        //             c: 2,
        //           },
        //         },
        //       },
        //       {
        //         r: 3,
        //         c: 3,
        //         v: {
        //           mc: {
        //             r: 3,
        //             c: 2,
        //           },
        //         },
        //       },
        //       {
        //         r: 4,
        //         c: 0,
        //         v: {
        //           mc: {
        //             r: 1,
        //             c: 0,
        //           },
        //           ht: '0',
        //         },
        //       },
        //       {
        //         r: 4,
        //         c: 1,
        //         v: {
        //           mc: {
        //             r: 1,
        //             c: 0,
        //           },
        //           ht: '0',
        //         },
        //       },
        //       {
        //         r: 4,
        //         c: 2,
        //         v: {
        //           v: '销售',
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //           m: '销售',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 0,
        //           vt: 0,
        //         },
        //       },
        //       {
        //         r: 4,
        //         c: 3,
        //         v: {
        //           v: '出纳',
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //           m: '出纳',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 0,
        //           vt: 0,
        //         },
        //       },
        //       {
        //         r: 5,
        //         c: 0,
        //         v: {
        //           v: '$group{region}',
        //           ct: {
        //             fa: '@',
        //             t: 's',
        //           },
        //           m: '$group{region}',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //       },
        //       {
        //         r: 5,
        //         c: 1,
        //         v: {
        //           v: '$group{provincd}',
        //           ct: {
        //             fa: '@',
        //             t: 's',
        //           },
        //           m: '$group{provincd}',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //       },
        //       {
        //         r: 5,
        //         c: 2,
        //         v: {
        //           v: '$dynamic{sales}',
        //           ct: {
        //             fa: '@',
        //             t: 's',
        //           },
        //           m: '$dynamic{sales}',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //       },
        //       {
        //         r: 5,
        //         c: 3,
        //         v: {
        //           v: '$dynamic{gift}',
        //           ct: {
        //             fa: '@',
        //             t: 's',
        //           },
        //           m: '$dynamic{gift}',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //       },
        //       {
        //         r: 6,
        //         c: 0,
        //         v: {
        //           v: '合计',
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //           m: '合计',
        //           bg: 'rgb(112, 173, 71)',
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //       },
        //       {
        //         r: 6,
        //         c: 1,
        //         v: {
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //       },
        //       {
        //         r: 6,
        //         c: 2,
        //         v: {
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //       },
        //       {
        //         r: 6,
        //         c: 3,
        //         v: {
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //       },
        //       {
        //         r: 7,
        //         c: 0,
        //         v: {
        //           v: '小于10000的数量',
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //           m: '小于10000的数量',
        //           bg: 'rgb(112, 173, 71)',
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //       },
        //       {
        //         r: 7,
        //         c: 1,
        //         v: {
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //       },
        //       {
        //         r: 7,
        //         c: 2,
        //         v: {
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //       },
        //       {
        //         r: 7,
        //         c: 3,
        //         v: {
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //       },
        //       {
        //         r: 10,
        //         c: 0,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 10,
        //         c: 1,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 10,
        //         c: 2,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 10,
        //         c: 3,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 10,
        //         c: 4,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 10,
        //         c: 5,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 10,
        //         c: 6,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 10,
        //         c: 7,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 10,
        //         c: 8,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 10,
        //         c: 9,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 10,
        //         c: 10,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 10,
        //         c: 11,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 11,
        //         c: 0,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 11,
        //         c: 1,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 11,
        //         c: 2,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 11,
        //         c: 3,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 11,
        //         c: 4,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 11,
        //         c: 5,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 11,
        //         c: 6,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 11,
        //         c: 7,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 11,
        //         c: 8,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 11,
        //         c: 9,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 11,
        //         c: 10,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //       {
        //         r: 11,
        //         c: 11,
        //         v: {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //       },
        //     ],
        //     row: 20,
        //     column: 20,
        //     index: 'Sheet_aNK35pl6gk0i_1736836536613',
        //     status: 1,
        //     jfgird_select_save: [],
        //     luckysheet_select_save: [
        //       {
        //         left: 0,
        //         width: 669,
        //         top: 67,
        //         height: 80,
        //         left_move: 0,
        //         width_move: 669,
        //         top_move: 68,
        //         height_move: 79,
        //         row: [1, 4],
        //         column: [0, 1],
        //         row_focus: 1,
        //         column_focus: 0,
        //       },
        //     ],
        //     data: [
        //       [
        //         {
        //           mc: {
        //             r: 0,
        //             c: 0,
        //           },
        //         },
        //         {
        //           mc: {
        //             r: 0,
        //             c: 0,
        //           },
        //         },
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         {
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: '0',
        //           vt: 0,
        //           mc: {
        //             rs: 4,
        //             cs: 2,
        //             r: 1,
        //             c: 0,
        //           },
        //           m: '销售报表',
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //           v: '销售报表',
        //         },
        //         {
        //           mc: {
        //             r: 1,
        //             c: 0,
        //           },
        //           ht: '0',
        //         },
        //         {
        //           v: '2022',
        //           ct: {
        //             fa: '@',
        //             t: 's',
        //           },
        //           m: '2022',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 0,
        //           vt: 0,
        //           mc: {
        //             rs: 1,
        //             cs: 2,
        //             r: 1,
        //             c: 2,
        //           },
        //         },
        //         {
        //           mc: {
        //             r: 1,
        //             c: 2,
        //           },
        //         },
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         {
        //           mc: {
        //             r: 1,
        //             c: 0,
        //           },
        //           ht: '0',
        //         },
        //         {
        //           mc: {
        //             r: 1,
        //             c: 0,
        //           },
        //           ht: '0',
        //         },
        //         {
        //           v: '1',
        //           ct: {
        //             fa: '@',
        //             t: 's',
        //           },
        //           m: '1',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 0,
        //           vt: 0,
        //           mc: {
        //             rs: 1,
        //             cs: 2,
        //             r: 2,
        //             c: 2,
        //           },
        //         },
        //         {
        //           mc: {
        //             r: 2,
        //             c: 2,
        //           },
        //         },
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         {
        //           mc: {
        //             r: 1,
        //             c: 0,
        //           },
        //           ht: '0',
        //         },
        //         {
        //           mc: {
        //             r: 1,
        //             c: 0,
        //           },
        //           ht: '0',
        //         },
        //         {
        //           v: '2月',
        //           ct: {
        //             fa: '@',
        //             t: 's',
        //           },
        //           m: '2月',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 0,
        //           vt: 0,
        //           mc: {
        //             rs: 1,
        //             cs: 2,
        //             r: 3,
        //             c: 2,
        //           },
        //         },
        //         {
        //           mc: {
        //             r: 3,
        //             c: 2,
        //           },
        //         },
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         {
        //           mc: {
        //             r: 1,
        //             c: 0,
        //           },
        //           ht: '0',
        //         },
        //         {
        //           mc: {
        //             r: 1,
        //             c: 0,
        //           },
        //           ht: '0',
        //         },
        //         {
        //           v: '销售',
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //           m: '销售',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 0,
        //           vt: 0,
        //         },
        //         {
        //           v: '出纳',
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //           m: '出纳',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 0,
        //           vt: 0,
        //         },
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         {
        //           v: '$group{region}',
        //           ct: {
        //             fa: '@',
        //             t: 's',
        //           },
        //           m: '$group{region}',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //         {
        //           v: '$group{provincd}',
        //           ct: {
        //             fa: '@',
        //             t: 's',
        //           },
        //           m: '$group{provincd}',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //         {
        //           v: '$dynamic{sales}',
        //           ct: {
        //             fa: '@',
        //             t: 's',
        //           },
        //           m: '$dynamic{sales}',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //         {
        //           v: '$dynamic{gift}',
        //           ct: {
        //             fa: '@',
        //             t: 's',
        //           },
        //           m: '$dynamic{gift}',
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         {
        //           v: '合计',
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //           m: '合计',
        //           bg: 'rgb(112, 173, 71)',
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //         {
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //         {
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //         {
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         {
        //           v: '小于10000的数量',
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //           m: '小于10000的数量',
        //           bg: 'rgb(112, 173, 71)',
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //         {
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //         {
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //         {
        //           bg: null,
        //           bl: 0,
        //           it: 0,
        //           ff: 0,
        //           fs: 11,
        //           fc: 'rgb(0, 0, 0)',
        //           ht: 1,
        //           vt: 0,
        //         },
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         {
        //           ct: {
        //             fa: 'General',
        //             t: 'g',
        //           },
        //         },
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //       [
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //         null,
        //       ],
        //     ],
        //     load: '1',
        //     config: {
        //       columnlen: {
        //         '0': 137,
        //         '1': 531,
        //       },
        //       customWidth: {
        //         '0': 1,
        //         '1': 1,
        //       },
        //       rowlen: {
        //         '0': 67,
        //       },
        //       customHeight: {
        //         '0': 1,
        //       },
        //     },
        //     visibledatarow: [
        //       68, 88, 108, 128, 148, 168, 188, 208, 228, 248, 268, 288, 308, 328, 348, 368, 388,
        //       408, 428, 448,
        //     ],
        //     visibledatacolumn: [
        //       138, 670, 744, 818, 892, 966, 1040, 1114, 1188, 1262, 1336, 1410, 1484, 1558, 1632,
        //       1706, 1780, 1854, 1928, 2002,
        //     ],
        //     ch_width: 2122,
        //     rh_height: 528,
        //     luckysheet_selection_range: [],
        //     zoomRatio: 1,
        //     images: {},
        //     scrollLeft: 0,
        //   },
        // ],
        lang: 'zh', // 设定表格语言
        title: exportJson.info.name,
        userInfo: exportJson.info.creator,
      })
    },
  )
}

defineExpose({
  downloadExcel,
  loadExcel,
})
</script>

<style scoped>
.download {
  position: absolute;
  z-index: 99;
  left: 10px;
}
#luckysheet {
  margin: 0px;
  padding: 0px;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0;
  bottom: 0px;
  /* ::v-deep(.luckysheet_info_detail_back) {
    display: none !important;
  }
  ::v-deep(.luckysheet-share-logo) {
    display: none !important;
  } */
}
</style>
